<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page import="java.util.HashMap" %>
<% HashMap<String, String> resultForm = (HashMap<String, String>) request.getAttribute( "resultForm" ); %>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Hellenic</title>

	<link type="text/css" rel="stylesheet" href="bootstrap.css" />
	<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
	<div class="container">
		<header>
			<h1>Hellenic Realty</h1>
			<nav>
				<ul class="nav nav-tabs">
					<li><a href="/hellenic/accueil" title="Accueil">Accueil</a></li>
					<li><a href="/hellenic/accueil" title="Offre">Nos Offres</a></li>
					<li><a href="/hellenic/contact" title="Contact">Contact</a></li>
				</ul>
			</nav>
		</header>
		<section>
			<h1>Demande de reservation</h1>
			<article>
				<p>
					Duis aute irure dolor in reprehenderit in voluptate velit esse
					cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
					proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
				</p>
				<% if(resultForm.containsKey( "globalResult" )){ %>
				<div class="alert <% resultForm.get( "globalTypeResult" ); %>">
				    <% resultForm.get( "globalResult" ); %>
			    </div>
			    <% } %>
				<form action="/reservation" method="post" class="form-horizontal">
					<fieldset>
					<legend>Votre profil</legend>
						<div class="control-group">
							<label class="control-label" for="nom">Nom * : </label>
							<div class="controls">
								<input type="text" name="nom" placeholder="Nom" id="nom">
								<% if(resultForm.containsKey( "nom" )){ %>
									<span class="help-inline red"><% resultForm.get( "rom" ); %></span>
								<% } %>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="prenom">Prénom * : </label>
							<div class="controls">
								<input type="text" name="prenom" placeholder="Prenom" id="prenom">
								<% if(resultForm.containsKey( "prenom" )){ %>
									<span class="help-inline red"><% resultForm.get( "prenom" ); %></span>
								<% } %>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="email">E-mail * : </label>
							<div class="controls">
								<input type="text" name="email" placeholder="Email" id="email">
								<% if(resultForm.containsKey( "email" )){ %>
								 	<span class="help-inline red"><% resultForm.get( "email" ); %></span>
								<% } %>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="tel">Téléphone * : </label>
							<div class="controls">
								<input type="text" name="tel" placeholder="Telephone" id="tel">
								<% if(resultForm.containsKey( "tel" )){ %>
									<span class="help-inline red"><% resultForm.get( "tel" ); %></span>
								<% } %>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="pays">Pays* : </label>
							<div class="controls">
								<select name="pays" id="pays">
									<option value="France">France</option>
									<option value="Espagne">Espagne</option>
									<option value="Italie">Italie</option>
									<option value="Allemage">Allemagne</option>
									<option value="Grece">Grece</option>
								</select>
							</div>
						</div>
						<div class="control-group">
							<div class="controls">
								<input type="hidden" value="<% request.getAttribute( "idPropriete" ); %>" name="idPropriete">
								<input type="submit" value="Validez" class="btn btn-primary">
							</div>
						</div>
						
					</fieldset>
					<p class="dark-red">*Champs obligatoires</p>
				</form>
			</article>
		</section>
		<footer>
		</footer>
	</div>
</body>
</html>